<html>

<head>
<title>Zooming the Graph</title>
<link rel="stylesheet" type="text/css" href="../../Styles/Styles.css">
</head>

<body>

<div class="PageCaption">Zooming the Graph</div>

<p>
There are several ways to zoom into and out of the graph.
</p>

<div class="HowToTitle">
To zoom into and out of the graph using the Zoom slider:
</div>

<ol>

    <li class="HowToItem">
    Drag the Zoom slider at the top of the <a href="../WorkbookTour/GraphPane.htm">Graph Pane</a>'s toolbar.
    </li>

</ol>

<p>
If the Graph Pane is too narrow, the Zoom slider won't be visible.  In that case you can either widen the Graph Pane until the Zoom slider appears, or click the down-arrow at the right edge of the Graph Pane's toolbar to make the Zoom slider appear in a pop-up window.
</p>

<div class="HowToTitle">
To zoom into and out of the graph using the mouse wheel:
</div>

<ol>

    <li class="HowToItem">
    Click anywhere in the Graph Pane.
    </li>

    <li class="HowToItem">
    Position the mouse over the part of the graph that you want to zoom into or out of.
    </li>

    <li class="HowToItem">
    Rotate the mouse wheel.
    </li>

</ol>

<div class="HowToTitle">
To zoom into the graph using mouse clicks:
</div>

<ol>

    <li class="HowToItem">
    Click the Zoom In button in the Graph Pane's toolbar.  It looks like this: <img class="EndOfLineImage" src="../../Images/ZoomIn.png" />
    </li>

    <li class="HowToItem">
    Click the part of the graph that you want to zoom into.
    </li>

</ol>

<p>
Note that the Zoom In button "sticks."  If you want to restore the mouse to its usual role of selecting vertices, click the Select button in the Graph Pane's toolbar.  It's the arrow without a plus or minus sign: <img class="EndOfLineImage" src="../../Images/Select.png" />
</p>

<div class="HowToTitle">
To zoom out of the graph using mouse clicks:
</div>

<ol>

    <li class="HowToItem">
    Click the Zoom Out button in the Graph Pane's toolbar.  It looks like this: <img class="EndOfLineImage" src="../../Images/ZoomOut.png" />
    </li>

    <li class="HowToItem">
    Click the part of the graph that you want to zoom out of.
    </li>

</ol>

<hr />
<div class="MoreInformationTitle">More Information</div>

<ul>

    <li class="MoreInformationItem">
    <a href="Overview.htm"><img src="../../Images/Back.png" />Zooming, Moving Around and Scaling the Graph</a>
    </li>

<ul>

</body>
</html>
